<template>
    <div class="guidancepage">
        <div class="guidancepagetop">
            <img class="guidancepagetop-img" src="@/assets/images/login/提示页-题目.png" alt="">
        </div>
        <div class="guidancepagevideo">
            <video class="guidancepagevideo-video" controls  loop src="https://www.ainaoxingdong.com/html_img/static/img/brain.mp4"></video>
        </div>
        <div class="guidancepage-topiclogin">
            <img class="guidancepage-topicloginimg"  src="https://anxd2.oss-cn-shanghai.aliyuncs.com/redPacket/img/提示页-红包提示.png" alt="">
        </div>
        <div class="guidancepagegologin" @click="gologin">
            <img class="guidancepagegologinimg" src="@/assets/images/login/提示页-下一步.png" alt="">
        </div>
    </div>
</template>
<script>
export default {
    data() {
        return {}
    },
    methods: {
        gologin() {
            this.$router.push("/login")
        }
    }
}
</script>
<style scoped>
.guidancepage {
    width: 100%;
    /* height: 100%; */
    position: relative;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.guidancepagetop{
    width: 375px;
    height: 125px;
    margin-top: 20px;
}
.guidancepagetop-img{
    width: 100%;
    height: 100%;
}
.guidancepage-topiclogin{
    width: 375px;
    height: 119px;
    /* position: absolute;
    bottom: 20%; */
}
.guidancepage-topicloginimg{
    width: 100%;
    height: 100%;
}

.guidancepagevideo{
    /* position: absolute;
    top: 30%;
    left: 50%; */
    /* transform: translateX(-50%); */
    width: 325px;
    height: 183px;
    border-radius: 20px;
    background-color: #ccc;
    /* margin-top: 40px; */
    margin-bottom: 50px;
    margin-top: 30px;
}
.guidancepagevideo-video{
    width: 100%;
    height: 100%;
    border-radius: 20px;
}
.guidancepagegologin{
    /* position: absolute; */
    /* bottom: 10px; */
    width: 375px;
    height: 47px;
    margin-top: 80px;
    /* position: absolute;
    left: 50%;
    bottom: 10px;
    transform: translateX(-50%); */
}
.guidancepagegologinimg{
    width: 100%;
    height: 100%;
}

</style>